.container{background-color:#dad3c8;flex-direction:column;flex:1;justify-content:space-between;padding:3px 7px;display:flex;overflow-y:auto;box-shadow:inset 0 70px 104px #697c811a}.onboarding-wrap{flex-direction:column;flex-basis:calc(100% - 50px);justify-content:space-between;display:flex}.picture-wrap{width:100%;height:100%;max-width:280px;max-height:435px;border:2px solid #000;border-radius:7px;margin:0 auto}.picture{width:100%;max-width:360px;height:100%;border-radius:5px}.dot-wrap{width:100%;height:14px;flex-direction:row;justify-content:center;display:flex}.dot-item{width:10px;height:10px;border:2px solid #000;border-radius:100px;margin-left:5px}.dot-item:first-child{margin-left:0}.dot-active{background-color:#000}.title{text-align:center;color:#000;margin:0;font-size:21px;font-weight:600;line-height:27px}.text{text-align:center;color:#000;margin:0;font-size:18px;font-weight:300;line-height:22px}.btn-wrap{flex-direction:row;flex-basis:35px;justify-content:space-between;align-items:center;display:flex}.button{text-transform:uppercase;cursor:pointer;background-color:#0000;border:none;font-size:18px;font-weight:500}.btn-skip{color:#979696;filter:drop-shadow(0 4px 4px #00000040);border-bottom:1px solid #0000;transition:border-bottom-color .2s linear}.btn-skip:hover{border-color:#979696}.btn-next{width:100px;height:35px;color:#fff;background-color:#000;border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;transition:all .2s linear;box-shadow:0 40px 40px #0000001a}.btn-next:hover{color:#000;background-color:#fff;border-color:#000}.btn-end-wrap{flex-basis:35px;justify-content:center;display:flex}.btn-end{width:150px;height:35px;color:#fff;background-color:#000;border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;transition:all .2s linear;display:flex;box-shadow:0 40px 40px #0000001a}.btn-end:hover{color:#000;background-color:#50fc63;border-color:#000}@media (min-height:800px){.picture-wrap{max-width:360px;max-height:540px}.btn-wrap{flex-basis:55px}.btn-next{width:118px;height:50px}.btn-end-wrap{flex-basis:55px}.btn-end{width:250px;height:50px}}@media (min-height:1001px){.container{padding:15px}.onboarding-wrap{flex-basis:90%}.picture-wrap{max-width:411px;max-height:640px}.picture{max-width:100%}.dot-wrap{margin-bottom:0}.title{margin-bottom:0;font-size:32px;line-height:36px}.text{font-size:22px;line-height:26px}}@media (max-width:500px) and (max-height:800px){.onboarding-wrap{flex-basis:calc(100% - 40px)}.picture-wrap{max-width:360px;max-height:415px;border:none}.picture{object-fit:cover;object-position:top;animation:3s linear infinite alternate moveObjectPosition}}@media (min-width:501px) and (min-height:800px) and (max-height:1000px){.container{padding:7px 15px}.onboarding-wrap{flex-basis:calc(100% - 55px)}.picture-wrap{max-width:360px;max-height:560px;box-shadow:18px 18px 28px #03033c}.title{font-size:26px;line-height:30px}.text{font-size:20px;line-height:24px}}@keyframes moveObjectPosition{0%{object-position:top}to{object-position:bottom}}